.normal {
  font-family: Georgia, sans-serif;
  margin-top: 4em;
  text-align: center;
}

.monitor-page {
  height: calc(100vh - 100px);
  .list {
    font-size: 1.2em;
    margin: 1.8em 0 0;
    list-style: none;
    line-height: 1.5em;
  }

  .list code {
    background: #f7f7f7;
  }
  .main {
    height: calc(100vh - 150px);
    .ant-col {
      height: 100%;
    }
  }
  .left-menu {
    .ant-btn {
      width: 100%;
      margin-bottom: 15px;
    }
  }

  .container {
    height: 100%;
    #mountNode {
      height: 100%;
    }
    position: relative;
    background-image: linear-gradient(#e2e2e2 0.5px, transparent 0),
      linear-gradient(90deg, #e2e2e2 0.5px, transparent 0),
      linear-gradient(hsla(#e2e2e2, 35%, 100%, 0.3) 1px, transparent 0),
      linear-gradient(90deg, hsla(#e2e2e2, 35%, 100%, 0.3) 1px, transparent 0);
    background-size: 75px 75px, 75px 75px, 15px 15px, 15px 15px;
    border: 1px solid lightgray;
    .tool {
      position: absolute;
      background-color: white;
      border-radius: 4px;
      font-size: 20px;
      left: 50%;
      transform: translate(-50%);
      padding: 6px 12px;
      .iconfont {
        font-size: 18px;
      }
      .ant-btn {
        padding: 5px;
      }
    }
  }
}
